<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Chrome">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>每日复盘</title>
    <link href="../../../static/assets/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="../../../static/assets/dist/css/nav.css" rel="stylesheet">
    <script src="../../../static/assets/dist/js/bootstrap.bundle.min.js"></script>
    <script src="../../../static/assets/js/jquery-3.6.4.min.js"></script>
    <script src="../../../static/js/iconfont.js"></script>
    <!--*实现导航右侧自动切换的脚本-->
    <script>
        /* global bootstrap: false */
        (function () {
            'use strict'
            var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
            tooltipTriggerList.forEach(function (tooltipTriggerEl) {
                new bootstrap.Tooltip(tooltipTriggerEl)
            })
        })()
 
        $(document).ready(function () {
            $("#content").load('data-update');
            $("a").click(function (e) {
                console.debug('is clicked!')
                e.preventDefault();
                // $(this).tab('show');
                $("#content").load($(this).attr("href"));
            })
        })
    </script>
</head>
<body>
    <div id="layout">
        <!-- 左侧导航栏 -->
        <div id="nav">
            <div class="nav-main flex-shrink-0 p-2 bg-white">
                <div class="d-flex align-items-center pb-1 mb-1 link-dark text-decoration-none border-bottom">
                    <svg class="bi me-2" width="30" height="24">
                        <use xlink:href="#icon-xiemianfusheqiangdu" />
                    </svg>
                    <span class="fs-6 fw-semibold">机会</span>
                </div>
                <ul class="list-unstyled ps-0">
                    <li class="mb-0">
                        <!-- <div class="nav-head">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-senlin"></use>
                            </svg>
                        </div> -->
                        <button class="btn btn-sm btn-toggle align-items-center rounded collapsed" data-bs-toggle="collapse"
                            data-bs-target="#market" aria-expanded="true" style="padding-left:0%">
                            数据管理
                        </button>
                        <div id="data">
                            <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
                                <li><a href="data-update" class="link-dark rounded">数据更新</a></li>
                                <li><a href="block-update" class="link-dark rounded">板块维护</a></li>
                            </ul>
                        </div>
                    </li>
                    <li class="mb-0">
                        <!-- <div class="nav-head">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-senlin"></use>
                            </svg>
                        </div> -->
                        <button class="btn btn-sm btn-toggle align-items-center rounded collapsed" data-bs-toggle="collapse"
                            data-bs-target="#market" aria-expanded="true" style="padding-left:0%">
                            市场指数
                        </button>
                        <div id="market">
                            <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
                                <li style="padding-left:0%"><a href="market-overview" class="link-dark rounded">基本表现</a></li>
                                <li><a href="market-emotion" class="link-dark rounded">市场情绪</a></li>
                                <li><a href="market-short" class="link-dark rounded">短线情绪</a></li>
                            </ul>
                        </div>
                    </li>
                    <li class="mb-0">
                        <button class="btn btn-sm btn-toggle align-items-center rounded collapsed" data-bs-toggle="collapse"
                            data-bs-target="#sector" aria-expanded="true" style="padding-left:0%">
                            板块强度
                        </button>
                        <div  id="sector">
                            <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
                                <li><a href="sector-overview" class="link-dark rounded">整体表现</a></li>
                                <li><a href="sector-main" class="link-dark rounded">主线题材</a></li>
                                <li><a href="sector-new" class="link-dark rounded">新的方向</a></li>
                            </ul>
                        </div>
                    </li>
                    <li class="mb-0">
                        <button class="btn btn-sm btn-toggle align-items-center rounded collapsed" data-bs-toggle="collapse"
                            data-bs-target="#main-thread" aria-expanded="true" style="padding-left:0%">
                            主线个股
                        </button>
                        <div id="main-thread">
                            <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
                                <li><a href="main-class" class="link-dark rounded">主线梯队</a></li>
                                <li><a href="main-period" class="link-dark rounded">主线周期</a></li>
                                <li><a href="main-emotion" class="link-dark rounded">主线情绪</a></li>
                            </ul>
                        </div>
                    </li>
                    <li class="mb-0">
                        <button class="btn btn-sm btn-toggle align-items-center rounded collapsed" data-bs-toggle="collapse"
                            data-bs-target="#strategy" aria-expanded="true" style="padding-left:0%">
                            策略学习
                        </button>
                        <div id="strategy">
                            <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
                                <li><a href="strat-short" class="link-dark rounded">短线策略</a></li>
                                <li><a href="strat-trend" class="link-dark rounded">趋势策略</a></li>
                            </ul>
                        </div>
                    </li>
                    
                </ul>
            </div>
        </div>
        <!-- <div class="b-example-divider"></div> -->
        <!-- 右侧导航栏 -->
        <div id="content">
            content
        </div>
       
    </div>
</body>
</html>